
<!DOCTYPE html>
<html>
	<head>

		<!-- Basic -->
		<meta charset="utf-8">
		<title>云霁科技 | 联系我们</title>		
		<meta name="keywords" content="联系我们" />
		<meta name="description" content="IDCOS，让天下没有难运维的数据中心">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">


		<!-- Vendor CSS -->
		<link rel="stylesheet" href="vendor/bootstrap/bootstrap.css">
		<link rel="stylesheet" href="vendor/fontawesome/css/font-awesome.css">
		<link rel="stylesheet" href="vendor/owlcarousel/owl.carousel.min.css" media="screen">
		<link rel="stylesheet" href="vendor/owlcarousel/owl.theme.default.min.css" media="screen">
		<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.css" media="screen">

		<!-- Theme CSS -->
		<link rel="stylesheet" href="css/theme.css">
		<link rel="stylesheet" href="css/theme-elements.css">
		<link rel="stylesheet" href="css/theme-blog.css">
		<link rel="stylesheet" href="css/theme-shop.css">
		<link rel="stylesheet" href="css/theme-animate.css">

		<!-- Skin CSS -->
		<link rel="stylesheet" href="css/skins/default.css">

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" href="css/custom.css">

		<!-- Head Libs -->
		<script src="vendor/modernizr/modernizr.js"></script>

		<!--[if IE]>
			<link rel="stylesheet" href="css/ie.css">
		<![endif]-->

		<!--[if lte IE 8]>
			<script src="vendor/respond/respond.js"></script>
			<script src="vendor/excanvas/excanvas.js"></script>
		<![endif]-->

	</head>
	<body>

		<div class="body">
			<header id="header">
				<div class="container">
					<div class="logo">
						<a href="./index.html">
							<img alt="Porto" width="111" height="54" data-sticky-width="82" data-sticky-height="40" src="img/logo.png">
						</a>
					</div>
					<div class="search" style="display:none">
						<form id="searchForm" action="page-search-results.html" method="get">
							<div class="input-group">
								<input type="text" class="form-control search" name="q" id="q" placeholder="Search..." required>
								<span class="input-group-btn">
									<button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
								</span>
							</div>
						</form>
					</div>
					<nav>
						<ul class="nav nav-pills nav-top">
							<!--
							<li>
								<a href="about.html"><i class="fa fa-angle-right"></i>关于我们</a>
							</li>
							<li>
								<a href="contact.html"><i class="fa fa-angle-right"></i>联系我们</a>
							</li>
							-->
							<li class="phone">
								<span>e-mail:<a href="mailto:info@idcos.com">info@idcos.com</a></span>
							</li>
						</ul>
					</nav>
					<button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse">
						<i class="fa fa-bars"></i>
					</button>
				</div>
				<div class="navbar-collapse nav-main-collapse collapse">
					<div class="container">
						<div class="social-icons">
							<ul class="social-icons">
								<li class="weibo"><a href="http://weibo.com/idcos" target="_blank" title="weibo">weibo</a></li>
							</ul>
						</div>
						<nav class="nav-main mega-menu">
							<ul class="nav nav-pills nav-main" id="mainMenu">
								<li>
									<a href="./index.html">首页</a>
								</li>
								<li>
									<a href="product.html">产品介绍</a>
								</li>
								<li>
									<a href="about.html">关于我们</a>
								</li>
                                <li>
									<a href="news.html">成长历程</a>
								</li>
								<!--
                                <li>
									<a href="">IDCOS Store</a>
								</li>
                                <li>
									<a href="">知识库</a>
								</li>
								-->
								<li>
									<a href="job.html">招贤纳士</a>
								</li>
                                <li>
									<a href="contact.html">联系我们</a>
								</li>
								
								
								
								
							</ul>
						</nav>
					</div>
				</div>
			</header>

			<div role="main" class="main">

				

				<div class="container">

					

					<hr class="tall">

					<div class="row">
						<div class="col-md-5">
							<h4>联系我们</h4>

							<p>地址：杭州市文一西路1218号恒生科技园17幢1单元401室</p>
							<p>e-mail：info@idcos.com</p>
							<p>微信：<img src="img/wxcode.jpg" width="120px" height="120px"/></p>
							

						</div>
						<div class="col-md-7">

	<style type="text/css">
	body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
	#allmap {height: 425px;width:600px;overflow: hidden;}
	#result {width:100%;font-size:12px;}
	dl,dt,dd,ul,li{
		margin:0;
		padding:0;
		list-style:none;
	}
	dt{
		font-size:14px;
		font-family:"微软雅黑";
		font-weight:bold;
		border-bottom:1px dotted #000;
		padding:5px 0 5px 5px;
		margin:5px 0;
	}
	dd{
		padding:5px 0 0 5px;
	}
	li{
		line-height:28px;
	}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=BVjDMif4D51Y1VPOLl7SLWN9"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
	<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />

	<div id="allmap">
	</div>
	<script type="text/javascript">
	// 百度地图API功能
    var map = new BMap.Map('allmap');
    var poi = new BMap.Point(120.012789,30.284476);
    map.centerAndZoom(poi, 16);
    map.enableScrollWheelZoom();

    var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
                    '<img src="./img/yunji-2.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:80px;height:100px;margin-left:3px;"/>' +
                    '地址：文一西路1218号恒生科技园17幢1单元401室<br/>简介：云霁科技是一家专注于提供云计算数据中心运维管理解决方案的公司' +
                  '</div>';

    //创建检索信息窗口对象
    var searchInfoWindow = null;
	searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
			title  : "杭州云霁科技有限公司",      //标题
			width  : 290,             //宽度
			height : 105,              //高度
			panel  : "panel",         //检索结果面板
			enableAutoPan : true,     //自动平移
			searchTypes   :[
				BMAPLIB_TAB_SEARCH,   //周边检索
				BMAPLIB_TAB_TO_HERE,  //到这里去
				BMAPLIB_TAB_FROM_HERE //从这里出发
			]
		});
    var marker = new BMap.Marker(poi); //创建marker对象
    marker.enableDragging(); //marker可拖拽
    marker.addEventListener("click", function(e){
	    searchInfoWindow.open(marker);
    })
    map.addOverlay(marker); //在地图中添加marker
	
	searchInfoWindow.open(marker);
</script>


						</div>
					</div>

				</div>

			</div>

			<footer id="footer" class="light concise">
				<div class="container" style="display:none">
					<div class="row">
						<div class="footer-ribbon">
							<span>Get in Touch</span>
						</div>
						<div class="col-md-3">
							<div class="newsletter">
								<h4>关于云霁</h4>
								<p>云霁科技聚焦于数据中心IT运维管理，创业之初就坚定了用互联网思维来变革传统运维行业的决心。<a href="./about.html">更多>></a></p>
			
								<div class="alert alert-success hidden" id="newsletterSuccess">
									<strong>Success!</strong> You've been added to our email list.
								</div>
			
								<div class="alert alert-danger hidden" id="newsletterError"></div>
			
								
							</div>
						</div>
						<div class="col-md-3">
							<h4>关注微信</h4>
							<div id="tweet" class="twitter" data-plugin-tweets data-plugin-options='{"username": "", "count": 2}'>
								<p><img src="img/wxcode.jpg" width="90px" height="90px"/></p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="contact-details">
								<h4>联系我们</h4>
								<ul class="contact">
									<li><p><i class="fa fa-map-marker"></i> <strong>地址:</strong> 杭州市文一西路1218号恒生科技园17幢1单元401室</p></li>
									
									<li><p><i class="fa fa-envelope"></i> <strong>e-mail:</strong> <span><a href="mailto:info@idcos.com">info@idcos.com</a></span></p></li>
								</ul>
							</div>
						</div>
						<div class="col-md-2">
							<h4>关注微博</h4>
							<div class="social-icons">
								<ul class="social-icons">
								<li class="weibo"><a href="http://weibo.com/idcos" target="_blank" title="weibo">weibo</a></li>
							</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-copyright">
					<div class="container">
						<div class="row">
							<div class="col-md-1">
								<a href="/" class="logo">
									<img alt="Porto Website Template" class="img-responsive" src="img/logo-footer-dark.png">
								</a>
							</div>
							<div class="col-md-7">
								<p>© Copyright 2015. All Rights Reserved.<a href="http://www.miitbeian.gov.cn/" target="_blank">浙ICP备15015114号</a></p>
							</div>
							<div class="col-md-4">
								<nav id="sub-menu">
									<ul>
										<li><a href="about.html">关于我们</a></li>
										<li><a href="contact.html">联系我们</a></li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>

		<!-- Vendor -->
		<script src="vendor/jquery/jquery.js"></script>
		<script src="vendor/jquery.appear/jquery.appear.js"></script>
		<script src="vendor/jquery.easing/jquery.easing.js"></script>
		<script src="vendor/jquery-cookie/jquery-cookie.js"></script>
		<script src="vendor/bootstrap/bootstrap.js"></script>
		<script src="vendor/common/common.js"></script>
		<script src="vendor/jquery.validation/jquery.validation.js"></script>
		<script src="vendor/jquery.stellar/jquery.stellar.js"></script>
		<script src="vendor/jquery.easy-pie-chart/jquery.easy-pie-chart.js"></script>
		<script src="vendor/jquery.gmap/jquery.gmap.js"></script>
		<script src="vendor/isotope/jquery.isotope.js"></script>
		<script src="vendor/owlcarousel/owl.carousel.js"></script>
		<script src="vendor/jflickrfeed/jflickrfeed.js"></script>
		<script src="vendor/magnific-popup/jquery.magnific-popup.js"></script>
		<script src="vendor/vide/vide.js"></script>
		
		<!-- Theme Base, Components and Settings -->
		<script src="js/theme.js"></script>

		<!-- Specific Page Vendor and Views -->
		<script src="js/views/view.contact.js"></script>
		
		<!-- Theme Custom -->
		<script src="js/custom.js"></script>
		
		<!-- Theme Initialization Files -->
		<script src="js/theme.init.js"></script>

		

		
	</body>
</html>
